<?xml version="1.0" encoding="ISO-8859-1" ?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" version="2.0">
    <jsp:directive.page language="java"
        contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1" />
    <jsp:text>
        <![CDATA[ <?xml version="1.0" encoding="ISO-8859-1" ?> ]]>
    </jsp:text>
    <jsp:text>
        <![CDATA[ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ]]>
    </jsp:text>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>register</title>
<style>
BODY { PADDING-RIGHT: 32px; MARGIN-TOP: 100px; PADDING-LEFT: 32px; FONT-SIZE: 13px; BACKGROUND: #eee; PADDING-BOTTOM: 32px; MARGIN-LEFT: auto; WIDTH: 270px; COLOR: #000; MARGIN-RIGHT: auto; PADDING-TOP: 32px; FONT-FAMILY: verdana, arial, sans-serif } 
		#RegisterBoard { BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 32px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 32px; BACKGROUND: #fff; PADDING-BOTTOM: 32px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 32px; BORDER-BOTTOM: #bbb 1px solid } 
		#Heading { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 150%; PADDING-BOTTOM: 18px; MARGIN: 0px; COLOR: #904; PADDING-TOP: 0px; FONT-FAMILY: "trebuchet ms", ""lucida grande"", verdana, arial, sans-serif } 
		LABEL { DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 9px; MARGIN: 6px 0px 2px; TEXT-TRANSFORM: uppercase; COLOR: #999 }
		.inputBox { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 200px; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, sans-serif }
		.button {margin-top: 8px;}
	#head{
		height: 75pm;
		width: auto;
		padding: 0px;
		position: absolute;
		left: 0px;
		top: 0px;
	}
</style>
</head>
<body>
<div id="head">
		<img src="logo.jpg"></img>
	</div>
<f:view>
<h:form>
	<div id="RegisterBoard">
				<div id="Heading">Register</div>
				<label>Your email:</label>
				<h:inputText styleClass="inputBox" id="email" value="#{userBackingBean.email}"></h:inputText>
				<label>Your nickname:</label>
				<h:inputText styleClass="inputBox" id="nickname" value="#{userBackingBean.nickname}"></h:inputText>
				<label>New password: </label>
				<h:inputSecret styleClass="inputBox" id="password" value="#{userBackingBean.password}" ></h:inputSecret>
				<h:commandButton styleClass="button" value="Register" action="#{userBackingBean.register}"></h:commandButton>
			</div>
			</h:form>
</f:view>
</body>
</html>
</jsp:root>